<template>
    <div class="content">
        <div class="header">
            <span class="left" @click="$router.back()">
                &lt;
            </span>
            <span class="right">注册 </span>
        </div>

        <van-cell-group inset>
            <van-field v-model="phone_number" required label="手机号" placeholder="请输入手机号">
                <template #button>
                    <div>
                        <button>发送验证码</button>
                    </div>
                </template>
            </van-field>
            <van-button type="primary" size="large" @click="registerClick">下一步</van-button>
        </van-cell-group>


    </div>
</template>


<script lang="ts" setup>
import { ref } from 'vue';
const phone_number = ref()

function registerClick() {

}
</script>


<style lang="scss" scoped>
.header {
    width: 100%;
    background-color: #ccc;
    display: flex;
    align-items: center;

    .right {
        flex: 1;
        // background-color: red;
        text-align: center;
    }

    .left {
        margin-left: 5px;
    }
}
</style>